<!--
- Author:   .
- Date:    2018/2/2 0002.
- File:    绑定成功.
-->
<template>
  <div class="payment_box">
    <i class="iconfont icon-chenggong"></i>
    <h3>绑定成功<p class="tistext2">您当前的花链钱币为 {{walletInfo.balance}}</p></h3>
    <div class="button f-cb tc">
      <router-link :to="{name: 'wallet-transfer'}" class="c_btn">立即兑换</router-link>
    </div>
  </div>
</template>

<script>
  let bodyClass = document.body.className
  import {mapModules, mapRules} from 'vuet'

  export default{
    mixins: [
      mapModules({walletInfo: 'walletInfo'}),
      mapRules({need: 'walletInfo'})
    ],
    beforeRouteEnter (to, from, next) {
      document.body.className = 'bg-white'
      next()
    },
    beforeRouteLeave  (to, from, next) {
      document.body.className = bodyClass
      next()
    },
    data() {
      return {
      }
    },
    components: {},
    created() {
      this.getWalletInfo()
    },
    methods: {
    }
  }
</script>

<style>

</style>